<style>
    ul,li{
        list-style: none;
    }
    a:hover{
        text-decoration: none;
    }
    .memus-left{
        margin: 0;
        width: 224px;
        float: left;
        border-right: solid 1px #ccc;
    }
    .memus-left-style{
        height: 40px;
        border: 0;
    }
    .input-style{
        position: absolute;
        padding: 0 0 0 55px;
        border: 0;
        width: 224px;
        height: 40px;
        float: right;
        box-shadow: 0;
    }
    .memu-icons{
        padding: 13px 15px 13px 30px;
        width: 0px;
        text-align: center;
    }
    .tishikuang{
        display: none;
        position: absolute;
        z-index: 99;
        padding: 10px;
        width: 224px;
        line-height: 20px;
        background: #fff;
        border: solid 1px #2dc3e8;
    }
    .memus-lefts{
        padding: 0;
        line-height: 36px;
    }
    .memus-lefts>li>a{
        background: #e5e5e5;
        color: #444;
    }    
    .memus-lefts>li>a{
        display: block;
        padding-left: 30px;

    }
    .memus-lefts>li>ul{
        padding-left: 45px;
        background: #f5f5f5;
    }
    .memu-li-icons{
        padding: 10px 15px;
        width: 0px;
        text-align: center;
    }
    .memus-lefts>li>ul>li>a{
        display: block;
        color: #444;
    }

</style>
<div class="memus-left" id="">
<!-- <div class="page-sidebar" id="sidebar"> -->
<!-- Page Sidebar Header-->
<div class="memus-left-style">
    <input class="input-style" type="text">
    <i class="fa fa-search blue memu-icons"></i>
    <div class="tishikuang">Search Reports, Charts, Emails or Notifications</div>
</div>
<!-- /Page Sidebar Header -->
<!-- Sidebar Menu -->

<ul class="memus-lefts">
    <!--Dashboard-->
    <li>
        <a href="#" class="+menu-dropdown">
            <i class="menu-icon fa fa-gear"></i>
            <span class="menu-text">商品管理</span>
            <i class="menu-expand"></i>
        </a>
        <ul class="+submenu"  style="display: block;">
            <li>
                <a href="{:url('data/index')}">
                    <i class="memu-li-icons fa fa-eye"></i>
                    <span class="menu-text">数据备份</span>
                    <i class="menu-expand"></i>
                </a>
            </li>
            <li>
                <a href="{:url('data/importlist')}">
                    <i class="memu-li-icons fa fa-bolt"></i>
                    <span class="menu-text">数据恢复</span>
                    <i class="menu-expand"></i>
                </a>
            </li>
            <li>
                <a href="{:url('cates/lst')}">
                    <i class="memu-li-icons fa  fa-magic"></i>
                    <span class="menu-text">商品列表</span>
                    <i class="menu-expand"></i>
                </a>
            </li>
            <li>
                <a href="{:url('commodity/add')}">
                    <i class="memu-li-icons fa fa-heart"></i>
                    <span class="menu-text">添加商品</span>
                    <i class="menu-expand"></i>
                </a>
            </li>
            <li>
                <a href="{:url('brand/lst')}">
                    <i class="memu-li-icons fa fa-map-marker"></i>
                    <span class="menu-text">商品品牌</span>
                    <i class="menu-expand"></i>
                </a>
            </li>
            <li>
                <a href="{:url('cates/add')}">
                    <i class="memu-li-icons fa fa-shopping-cart"></i>
                    <span class="menu-text">商品分类</span>
                    <i class="menu-expand"></i>
                </a>
            </li>
            <li>
                <a href="{:url('type/lst')}">
                    <i class="memu-li-icons fa fa-signal"></i>
                    <span class="menu-text">商品类型</span>
                    <i class="menu-expand"></i>
                </a>
            </li>
<!--             <li>
                <a href="{:url('config/lst')}">
                    <span class="menu-text">商品回收站</span>
                    <i class="menu-expand"></i>
                </a>
            </li>
 -->        </ul>
    </li>
    <li>
        <a href="#" class="menu-dropdown">
            <i class="menu-icon fa fa-gear"></i>
            <span class="menu-text">会员管理</span>
            <i class="menu-expand"></i>
        </a>
        <ul class="submenu"  style="display: block;">
            <li>
                <a href="{:url('member/lst')}">
                    <span class="menu-text">会员列表</span>
                    <i class="menu-expand"></i>
                </a>
            </li>
            <li>
                <a href="{:url('member/add')}">
                    <span class="menu-text">会员级别</span>
                    <i class="menu-expand"></i>
                </a>
            </li>
            <li>
                <a href="{:url('Category/lst')}">
                    <span class="menu-text">会员留言</span>
                    <i class="menu-expand"></i>
                </a>
            </li>
        </ul>
    </li>
    <li>
        <a href="#" class="menu-dropdown">
            <i class="menu-icon fa fa-gear"></i>
            <span class="menu-text">栏目模块</span>
            <i class="menu-expand"></i>
        </a>
        <ul class="submenu"  style="display: block;">
            <li>
                <a href="{:url('Category/lst')}">
                    <span class="menu-text">栏目管理</span>
                    <i class="menu-expand"></i>
                </a>
            </li>
        </ul>
    </li>
    <li>
        <a href="#" class="menu-dropdown">
            <i class="menu-icon fa fa-gear"></i>
            <span class="menu-text">文章模块</span>
            <i class="menu-expand"></i>
        </a>
        <ul class="submenu"  style="display: block;">
            <li>
                <a href="{:url('arti/lst')}">
                    <span class="menu-text">文章管理</span>
                    <i class="menu-expand"></i>
                </a>
            </li>
            <li>
                <a href="{:url('arti/imglist')}">
                    <span class="menu-text">图片管理</span>
                    <i class="menu-expand"></i>
                </a>
            </li>
        </ul>
    </li>
    <li>
        <a href="#" class="menu-dropdown">
            <i class="menu-icon fa fa-gear"></i>
            <span class="menu-text">链接模块</span>
            <i class="menu-expand"></i>
        </a>
        <ul class="submenu"  style="display: block;">
            <li>
                <a href="{:url('link/lst')}">
                    <span class="menu-text">链接管理</span>
                    <i class="menu-expand"></i>
                </a>
            </li>
        </ul>
    </li>
    <li>
        <a href="#" class="menu-dropdown">
            <i class="menu-icon fa fa-gear"></i>
            <span class="menu-text">配置模块</span>
            <i class="menu-expand"></i>
        </a>
        <ul class="submenu"  style="display: block;">
            <li>
                <a href="{:url('config/configlst')}">
                    <span class="menu-text">配置项</span>
                    <i class="menu-expand"></i>
                </a>
            </li>
            <li>
                <a href="{:url('config/lst')}">
                    <span class="menu-text">配置管理</span>
                    <i class="menu-expand"></i>
                </a>
            </li>
        </ul>
    </li>
    <li>
        <a href="#" class="menu-dropdown">
            <i class="menu-icon fa fa-gear"></i>
            <span class="menu-text">系统</span>
            <i class="menu-expand"></i>
        </a>
        <ul class="submenu" style="display: block;">
            <li>
                <a href="{:url('attr/lst')}">
                    <span class="menu-text">商品属性管理</span>
                    <i class="menu-expand"></i>
                </a>
            </li>
        </ul>
    </li>                        
<!--     <li>
        <a href="#" class="menu-dropdown">
            <i class="menu-icon fa fa-gear"></i>
            <span class="menu-text">系统</span>
            <i class="menu-expand"></i>
        </a>
        <ul class="submenu" style="display: block;">
            <li>
                <a href="">
                    <span class="menu-text">用户管理</span>
                    <i class="menu-expand"></i>
                </a>
            </li>
            <li>
                <a href="">
                    <span class="menu-text">角色管理</span>
                    <i class="menu-expand"></i>
                </a>
            </li>
            <li>
                <a href="">
                    <span class="menu-text">权限列表</span>
                    <i class="menu-expand"></i>
                </a>
            </li>
        </ul>
    </li>                        
 --></ul>
<!-- /Sidebar Menu -->
</div>
